<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>司机评价系统</title>
    <!--<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.0/weui.min.css">-->
    <link rel="stylesheet" type="text/css" href="iconfonts/iconfont.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <style>
        .icon-star{
            font-size: 25px;
        }
        .star-selected{
            color: #0d8ddb;
        }
        .star-unselected{

        }
        body{
            width: 100%;height:100%;
            overflow-x: hidden;
            /*background-image: url('images/swust_bg.png');*/
            background-color: #d9eefb;
            background-repeat: no-repeat;
            background-size: cover;
        }
    </style>
</head>
<body :controller="Star" class="container" style="">
    <div class="row" style="">
        <h2 style="width: 100%;text-align: center; background-color: #0d8ddb;color: #ffffff;margin-top: 0;padding-top: 8px;height: 50px">欢迎乘坐校园通勤车</h2>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="row" style="">
                <div class="col-sm-12" style="width: 280px;margin-left:55px;border-radius: 15px;border-color: black;border-style: solid;border-width: 2px;">
                    <h2 style="width: 100%;text-align: center;margin-top: -5px;"><i class="icon iconfont icon-car" style="font-size: 50px"></i>川B-C8C865</h2>
                </div>
            </div>
            <div class="row" style="align-items: center">
                <div class="col-sm-12" style="font-size: 30px">
                    <h2 style="width: 100%;text-align: center;">请对服务进行评价</h2>
                    <span><i class="icon iconfont icon-pingjia" style="font-size: 30px;"></i>服务评价</span>
                    <i class="icon iconfont icon-star" :class="[@Data.Star>0?'star-selected':'star-unselected']" :click="@Data.Star=1"></i>
                    <i class="icon iconfont icon-star" :class="[@Data.Star>1?'star-selected':'star-unselected']" :click="@Data.Star=2"></i>
                    <i class="icon iconfont icon-star" :class="[@Data.Star>2?'star-selected':'star-unselected']" :click="@Data.Star=3"></i>
                    <i class="icon iconfont icon-star" :class="[@Data.Star>3?'star-selected':'star-unselected']" :click="@Data.Star=4"></i>
                    <i class="icon iconfont icon-star" :class="[@Data.Star>4?'star-selected':'star-unselected']" :click="@Data.Star=5"></i>
                    <span>{{@Star[@Data.Star]}}</span>
                </div>
                <div class="col-sm-12">
                    <textarea style="text-align: left" class="form-control" name="" id="" cols="30" rows="10" :duplex="@Data.Comment">

                    </textarea>
                </div>
                <div class="col-sm-12">
                    <button class="btn btn-success" style="width: 100%;margin-top: 20px;font-size: 40px;">提交评价</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="http://cdn2.tansuyun.cn/base@20170816.min.js"></script>
<script src="http://cdn2.tansuyun.cn/castle.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="user.js"></script>
</html>
